<script setup lang="ts">
import { Container } from "@/models/containers";
import Dynamic from "@/components/Dynamic.vue";

const props = defineProps<{ model: Container }>()


</script>

<template>
    <div class="flow-box" :data-tag="model.tag" :style="props.model.styles">

        <Dynamic :component="cp" v-for="cp in props.model.children"></Dynamic>

    </div>
</template>

<style scoped>
.flow-box {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}
</style>